<!DOCTYPE html>
<!--[if IE 8]>         <html class="no-js ie8"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js">
<!--<![endif]-->

<head>

<!-- Basics -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>启明星招新</title>
<meta name="description" content="John Deo, UI / UX / Frontend">

<!-- Favicons -->
<link rel="shortcut icon" href="img/favicons/1.png">

<!-- Mobile -->
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1">

<!-- CSS -->
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main.css">

</head>
<body>

	<div class="wrapper">
		<section id="home" class="row">
			<div class="icon">
				<img src="img/favicons/1.png" class="menu-icon jiji" alt="">
			</div>
			<div class="overlay">
				<div class="col home-title jiji">
					<h1>2017启明星工作室招新</h1>
					<h2>To Make a difference</h2>

					<a href="#contact" target="_blank" class="but">立即报名</a>
				</div>
			</div>
		</section>
		<div class="toTop">
			<a href="#home"><img src="img/favicons/top.gif" alt=""></a>
		</div>
		<section id="about" class="row">
			<div class="page about-content">
				<div class="col about-title">
					<h3 data-100="-webkit-transform: translateX(100px); opacity:0;"
						data-500="-webkit-transform: translateX(0px); opacity:1;">工作室简介</h3>
				</div>
				<div class="col empty">&nbsp;</div>
				<div class="col about-description">
					<p data-100="opacity:0;" data-500="opacity:1;">
						计算机与信息学院启明星创新实验室成立于2009年3月。目前，这里集中了三峡大学最优秀的软件开发，网站制作，数据库开发，影视编辑，硬件编程，三维可视化方面的本科人才。
					</p>
					<p data-100="opacity:0;" data-500="opacity:1;">
						在一次次的学习与创新中，“启明星”与他们携手相伴，共同成长。在“启明星”那些奋斗、创新的历程中，他们的自身能力得到发展，他们的梦想正在逐步实现。

					</p>
					<br>
					<p data-100="opacity:0;" data-500="opacity:1;">
						梦想，在这里起航
					<p data-100="opacity:0;" data-500="opacity:1;">
						成长，在这里见证</p>
					<p data-100="opacity:0;" data-500="opacity:1;">
						光芒，在这里绽放</p>
					<p data-100="opacity:0;" data-500="opacity:1;">
						展翅高飞，豪情万丈</p>
				</div>
				<div class="col empty">&nbsp;</div>
			</div>
		</section>
		<hr>

		<section id="services" class="row">
			<div class="services-content page">
				<div class="col about-title">
					<h3 data-100="-webkit-transform: translateX(100px); opacity:0;"
						data-500="-webkit-transform: translateX(0px); opacity:1;">招新计划</h3>
				</div>
				<div class="col empty">&nbsp;</div>
				<div class="col about-description">
					<div class="intro">

						<p>启明星工作室主要针对对计算机相关方向有兴趣及有一定了解的大一，大二学生。</p>
						<p>报名时间为9月18日 8:00——9月25日 8:00 。笔试时间待定。报名截止后，会另行通知。</p>

					</div>

				</div>
				<div class="col empty">&nbsp;</div>
			</div>
		</section>

		<hr>
		<div class="copyrights"></div>

		<section id="work" class="row">
			<div class="work-content page">
				<div class="col work-title">
					<h3 data-900="-webkit-transform: translateX(-100px); opacity:0;"
						data-1300="-webkit-transform: translateX(0px); opacity:1;">各组简介</h3>
				</div>
				<div class="col empty">&nbsp;</div>
				<div class="col work-description">
					<p data-900="opacity:0;" data-1300="opacity:1;">启明星工作室下现设有Web组、软件组、硬件组三个大组。</p>
				</div>
				<div class="col empty">&nbsp;</div>
			</div>
			<div class="work-examples page">
				<div class="col work-item" data-1300="opacity:0;"
					data-1400="opacity:1;">
					<div class="work-item-img">
						<img src="img/works/Web组.jpg" alt="">
						<div class="work-item-inside">
							<div class="work-item-inside-content">
								<h3>Web组</h3>

							</div>
						</div>
					</div>
					<div class="work-item-content">
						<p>>
							启明星Web组是一个以网站开发为基础，向UI设计，H5游戏等各方面发展的，负责设计招新网站建设和服务器维护的学习兴趣小组。经过几年的积淀，成员在互联网竞赛以及实践项目中取得了优异成绩。组内既有基础知识扎实的学长学姐教学，又有已工作的真大牛带领，为同学们解答学习疑惑，指明学习方向。
						</p>
						<br>
						<p>> Web发展方向： 前端: HTML5 CSS3 Javascript Jquery angular.js
							后台：PHP（WAMP）/ java（Java web）/C#(Asp.Net) / Node.js</p>
					</div>
				</div>
				<div class="col work-item" data-1300="opacity:0;"
					data-1400="opacity:1;">
					<div class="work-item-img">
						<img src="img/works/软件组.jpg" alt="">
						<div class="work-item-inside">
							<div class="work-item-inside-content">
								<h3>软件组</h3>

							</div>
						</div>
					</div>
					<div class="work-item-content">
						<p>> 软件组集中了众多喜欢编程、热爱编程，喜爱软件开发、游戏开发的三大学子。软件组下还辖有程序设计小组。
							其意义都在于提高计算机学院同学的专业技能，为喜欢算法、喜欢软件的同学提供一个良好的平台。</p>
						<br>
						<p>>
							软件组主要学习java、C++、C、OC等编程语言和竞赛算法以及android，COCOS-2dx，WP，QT等平台的软件开发和游戏开发。组内成员在完成自己专业学习的前提下，根据自己的喜欢来选择自己做哪方面的深入学习，每学期都要进行学期答辩。
						</p>
					</div>
				</div>
				<div class="col work-item" data-1300="opacity:0;"
					data-1600="opacity:1;">
					<div class="work-item-img">
						<img src="img/works/硬件组.jpg" alt="">
						<div class="work-item-inside">
							<div class="work-item-inside-content">
								<h3>硬件组</h3>

							</div>
						</div>
					</div>
					<div class="work-item-content">
						<p>>
							硬件组是启明星工作室三大组之一，在这里聚集着一群有想法，有创意的三大学子，他们对未来智能生活充满奇思妙想。我们利用课余时间运用自己所学知识进行答辩作品制作和参加各种专业比赛。我们会根据成员兴趣和专业方向进行小组分组，为每一位同学创造良好的学习环境。
						</p>
						<br>
						<p>>
							主要涉及的方向有：51、AVR、STM32、Arduino、PcDuino系列单片机开发，ARM/Cortex-A系列嵌入式系统开发，以及FPGA和DSP等硬件开发，互联网监控和脑控飞车等智能开发。
						</p>
					</div>
				</div>

			</div>
		</section>

		<hr>

		<section id="contact" class="row">
			<div class="col contact-title">
				<h3>报名表</h3>
			</div>
			<div class="contact-content page">

				<form action="submitInfo" method="post" id="editForm">
					<ul class="editInfos">
						<li><font color="#ff0000">* </font><span class="form-font">姓
								名：</span><input type="text" name="name" placeholder="请输入姓名" class="ipt" /><span><img
								id='checkname1' src="img/favicons/yes2.png" hidden><img
								id='checkname2' src="img/favicons/err.png" hidden></span></li>
						<li><font color="#ff0000">* </font><span class="form-font">性
								别： <select class="select" name="sex">
									<option>男</option>
									<option>女</option>
							</select></li>
						<li><font color="#ff0000">* </font><span class="form-font">学
								号：</span><input type="text" name="number" placeholder="请输入学号"
							class="ipt" /><span><img id='snumber1'
								src="img/favicons/yes2.png" hidden><img
								id='snumber2' src="img/favicons/err.png" hidden></span></li>
						<li><font color="#ff0000">* </font><span class="form-font">手
								机：</span><input type="text" name="phone" placeholder="请输入手机"
							class="ipt" /><span><img id="checkphone1"
								src="img/favicons/yes2.png" hidden><img
								id='checkphone2' src="img/favicons/err.png" hidden></span></li>
						<li><font color="#ff0000">* </font><span class="form-font">学
								院：</span><input type="text" name="academy" placeholder="请输入学院"
							class="ipt" /><span><img id='checkAc1'
								src="img/favicons/yes2.png" hidden><img
								id='checkAc2' src="img/favicons/err.png" hidden></span></li>
						<li><font color="#ff0000">* </font><span class="form-font">专
								业：</span><input type="text" name="major" placeholder="请输入专业"
							class="ipt" /><span><img id='checkMajor1'
								src="img/favicons/yes2.png" hidden><img
								id='checkMajor2' src="img/favicons/err.png" hidden></span></li>
						<li><font color="#ff0000">* </font><span class="form-font">组
								别： </span><select class="select select1" name="classes">
								<option>Web组</option>
								<option>软件组</option>
								<option>硬件组</option>
						</select></li>
					</ul>
					<input type="submit" value="确认提交" class="but" id="submit" />
				</form>

			</div>
		</section>

		<footer id="footer" class="row">
			<div class="footer-content page">
				<div class="col f1">
					<p>© 2017 启明星工作室</p>
				</div>
			</div>
		</footer>

	</div>

	<div class="loader"></div>

	<!-- JavaScript -->
	<script src="js/jquery-1.11.0.min.js"></script>
	<script src="js/modernizr-2.6.2.min.js"></script>
	<script src="js/skrollr.js"></script>
	<script src="js/main.js"></script>
	<script src="js/form.js"></script>

</body>

</html>